{extend name="base"}

{block name="content"}
				<div class="main">
					
<link rel="stylesheet" href="/static/merchant/pc/css/flat/store.css">
<script src="/static/merchant/pc/js/clipboard.min.js"></script>
<link rel="stylesheet" href="/static/merchant/pc/css/store_set.css">
<div class="main_div">
	<form class="form-inline" method="get" id="search_form">		
	                  <div class="one_search">
							
							<div class="e_d_div">
								
								<div class="u_s_val" style="width: 200px;">
								<select name="status" class="u_s_v1">
									<option value="" {if $Think.get.status==''}selected{/if}>全部状态</option>
									<option value="1" {if $Think.get.status=='1'}selected{/if}>已读取</option>
									<option value="2" {if $Think.get.status=='2'}selected{/if}>未读取</option>
								</select>
								</div>
                                <div class="u_s_val"  style="float: right; width:140px;">
								
								<div class="btn_set" style="width: 120px;float: right" onclick="$(&#39;#search_form&#39;).submit();"><i class="iconfont icon-chaxun"></i><span>搜索</span></div>
								</div>
							</div>
						</div>
                        <div class="ty_box yongjin">
                            <div class="d_ty_head">
                                <b class="e_d_t_title">站内消息<span>Message</span></b>
                                <div class="e_d_div">
                                  
                                </div>
                            </div>
                            <ul class="ty_b_list">
                                <li class="ty_l_head">
                                    <div class="ty_l_d2" style="width: 16.66%">发件人</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">标题</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">内容</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">读取状态</div>
									<div class="ty_l_d2"  style="width: 16.66%">发送时间</div>
									<div class="ty_l_d2"  style="width: 16.66%">操作</div>
                                </li>
								{foreach $messages as $v}
								<li class="ty_l_li">
									<div class="ty_l_d2" style="width: 16.66%">{if $v.from_id==0}系统{else/}{$v.fromUser.username}{/if}</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">{$v.title}</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">{$v.content}</div>
                                    <div class="ty_l_d2"  style="width: 16.66%">
									 {if $v.status == 1}
										<span class="ty_state ty_state_1" data-id="{$v.id}" data-rel="{$v.status}" style="cursor: pointer">已阅读</span>
									{else}
										<span class="ty_state ty_state_2" data-id="{$v.id}" data-rel="{$v.status}" style="cursor: pointer">未阅读</span>
									{/if}
									</div>
									<div class="ty_l_d2"  style="width: 16.66%">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									<div class="ty_l_d2"  style="width: 16.66%"><a class="ty_l_btn ty_l_delete delbtn" href="javascript:void(0);" onclick="del(this,{$v.id})">删除</a></div>
                                </li>
								
								{/foreach}
                             </ul>
                            <div class="ty_b_footer">
 <style>
.pagination li{
	float: left; 
	margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #c1c1ca;
    letter-spacing: 1px;
	cursor: pointer;
    border-radius: 2px;}
.pagination li:hover,
.pagination li.active {
    background-color: #9599f9;
    color: #fff;	
}
.pagination li.disabled {
    display: none;
}	 
</style>             
            <div id="page" class="page_div">
                {$page}
            </div>
                                    </div>
                        </div>
		</from>	
                    </div>
<script>
$(function(){
	 $(".ty_state").click(function(){
		var id=$(this).data("id");
		var g_state=$(this).data("rel");
		 if(g_state==1){
		   g_state=0;	
		}else{
		   g_state=1;		
		}
		
		$.post('/merchant/message/changeStatus', {id:id,status:g_state}, function (res) {
			if (res.code != 0) {
				layer.msg(res.msg, {time: 1000, icon: 5});
			} else {
				layer.msg("操作成功", {time: 1000, icon: 6}, function () {
					location.reload();
				});

			}
		})
			  
	})
})
	
function change_status(obj,id)
	{
		var status=$(obj).prop('checked');
		if(status){
			status=1;
		}else{
			status=0;
		}
		$.post('/merchant/message/changeStatus',{
			id:id,
			status:status
		},function(res){
			if(res.code!=0){
				alert(res.msg);
			}
		});
	}

	function del(obj,id)
	{
		layer.open({
                content: "确定删除吗？删除后将无法恢复！",
                btn: ['确定', '取消'],
                shadeClose: false,
                yes: function(){
        			$.post('/merchant/message/del',{id:id},function(res){
        				if(res.code!=0){
        					layer.msg(res.msg, {time: 1000, icon: 5});
        				}else{
        					layer.msg("删除成功", {time: 1000, icon: 6}, function () {
        							location.reload();
        					});
        				}
        			});
                }
		});
	}	
</script>

				</div>

{/block}